<!DOCTYPE html>
<!-- saved from url=(0042)http://124.222.209.246:8430/yxlm/yxlm.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
	<title></title>
	<style type="text/css">
		*{
			padding: 0;
			margin: 0
		}
		li{
			list-style: none;
			width: 120px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: center;
			margin: 10px;
		}
		ul{
			display: flex;
			flex-wrap: wrap;
		}
		.box{
			width: 800px;
			margin: 0 auto;
		}
	</style>
</head>
<body>
	<div class="box">
		<ul>
			<!-- <li>
				<img src="">
				<span></span>
			</li> -->
		</ul>
	</div>
	<script type="text/javascript" src="./ajax.js"></script>
	<script type="text/javascript">
		let ul = document.querySelector('ul')
		ajax({
			method: "get",
			url: "https://game.gtimg.cn/images/lol/act/img/js/heroList/hero_list.js",
			params: {
				v: 58
			},
			success: function(res) {
				for (let i = 0; i < res.hero.length; i++) {
					ul.innerHTML += `<li onclick="jump(${res.hero[i].heroId})">
										<img src="https://game.gtimg.cn/images/lol/act/img/champion/${res.hero[i].alias}.png">
										<span>${res.hero[i].name}</span>
									 </li>`
				}
			}
		})
		function jump(id) {
			location.href = `./yyy.html?id=${id}`
		}
	</script>
</body></html>